<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>中国饮食习俗特点</title>
	<link rel="stylesheet" href="../css/subpage1.css">

</head>
<body>
<!--顶部logo，搜索框，导航栏-->
<div id="top">
	<div>
		<p><img src="../img/logo.png" alt="logo">中华传统美食</p>
	</div>
	<label>
		<input type="text">
		<button>搜索</button>
	</label>
	<ul>
		<li>中国饮食习俗特点</li>
		<li>中国地方菜系</li>
		<li>首页</li>
	</ul>
</div>
<p id="title">中式家常菜</p>
<div id="centerUp">
	<div class="slider">
		<div class="slider-wrapper">
			<img src="../img/hongshaorou.webp" alt=""/>
		</div>
		<div class="slider-footer">
			<p>红烧肉</p>
			<ul class="slider-indicator">
				<li value="0" class="active"></li>
				<li value="1"></li>
				<li value="2"></li>
				<li value="3"></li>
				<li value="4"></li>
				<li value="5"></li>
			</ul>
			<div class="toggle">
				<button class="prev">&lt;</button>
				<button class="next">&gt;</button>
			</div>
		</div>
	</div>

</div>
<div id="centerDown">
	<div id="box">
		<div class="littleBox">
			<div class="imge">
				<img src="../img/jianggang.webp">
			</div>
			<div class="font">
				中国是世界上第一个用酶酸大豆的方法生产富含氨基酸的美味食物
			</div>
		</div>

		<div class="littleBox">
			<div class="imge">
				<img src="../img/douya.jpg">
			</div>
			<div class="font">
				中国是世界上第一个生产富含维生素C的蔬菜
			</div>
		</div>

		<div class="littleBox">
			<div class="imge">
				<img src="../img/doujiang.jpg">
			</div>
			<div class="font">
				中国是世界上第一个制作出营养丰富的大豆饮品
			</div>

		</div>

		<div class="littleBox">
			<div class="imge">
				<img src="../img/doufu.webp">
			</div>
			<div class="font">
				中国是世界上第一个用凝固豆汁的方法生产酪状食品
			</div>
		</div>
	</div>
</div>

<!--尾部商标-->
<footer>
	<img src="../img/footer.png">
	<p>&copy; 中国美食文化介绍 | 名字+学号</p>
	<p>Contact: info@yourwebsite.com</p>
</footer>
<script src="../js/subpage1.js"></script>
</body>
</html>